<template>
	<view class="education-item">
		<view class="info-title">
			<slot name="title"></slot>
		</view>
		<view class="info-from">
			<slot name="from"></slot>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		}
	}
</script>

<style lang="scss">
	.education-item {
		padding-left: 30rpx;
		padding-top: 30upx;
		position: relative;
		padding-right: 20upx;
		&::after {
			width: calc(200% - 100rpx);
			position: absolute;
			top: 0;
			left: 30upx;
			box-sizing: border-box;
			height: 200%;
			border-bottom: 5rpx solid $border-cBBB;
			border-radius: inherit;
			content: " ";
			transform: scale(.5);
			transform-origin: 0 0;
			pointer-events: none;
		}

		.info-title {
			color: $font-c10;
			font-size: 30upx;
		}

		.info-from {
			height: 110upx;
			display: flex;
			align-items: center;
			font-size: 34upx;
		}
	}
</style>
